<template>
	<view class="bz p-2">
		<view class="bg-white b-radius2">
			<view class="content bz py-2">
				<cc-couponList :colors="colors" :couponList="couponList" @itemClick="jumpNext">
				
				</cc-couponList>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				nav:['领卷中心','我的优惠卷'],
				navIndex:0,
				colors: '#e54d42',
				couponList: [{
						name: '满105减5',
						dates: '2023-07-09 2023-08-02',
						status: 0,
						money: 105,
						sub: 5
					},
					{
						name: '满200减10',
						dates: '2023-07-19 2023-08-22',
						status: 0,
						money: 200,
						sub: 10
					}, {
						name: '满100减10',
						dates: '2023-05-09 2023-06-02',
						status: 1,
						money: 100,
						sub: 10
					},
					{
						name: '满200减10',
						dates: '2023-07-19 2023-08-22',
						status: 0,
						money: 200,
						sub: 10
					}, {
						name: '满100减10',
						dates: '2023-05-09 2023-06-02',
						status: 1,
						money: 100,
						sub: 10
					},
					
					{
						name: '满400减20',
						dates: '2023-04-09 2023-05-08',
						status: 1,
						money: 400,
						sub: 20
					}
				],
				couponList1: [{
						name: '满105减5',
						dates: '2023-07-09 2023-08-02',
						status: 0,
						money: 105,
						sub: 5
					},
					{
						name: '满200减10',
						dates: '2023-07-19 2023-08-22',
						status: 0,
						money: 200,
						sub: 10
					}, {
						name: '满100减10',
						dates: '2023-05-09 2023-06-02',
						status: 1,
						money: 100,
						sub: 10
					},
					{
						name: '满200减10',
						dates: '2023-07-19 2023-08-22',
						status: 0,
						money: 200,
						sub: 10
					}
				],
			}
		},
		methods: {
			changeNav(e){
				this.navIndex=e;
			},
			jumpNext(item) {
				
				// uni.showModal({
				// 	title: '点击优惠券条目',
				// 	content: '点击优惠券条目 = ' + JSON.stringify(item)
				// })
			}
		}
	}
</script>

<style scoped lang="scss">
.header{
	height: 100rpx;
	border-radius: 20rpx 20rpx 0 0;
	overflow: hidden;
	.header_list{
		height: 100rpx;
		color: #D8B072;
		font-size: 30rpx;
		line-height: 100rpx;
		text-align: center;
		background-color: #fff;
		width: 100%;
	}
	.check{
		background-color: #D8B072;
		color: #fff;
	}
	.border-r{
		border-radius: 20rpx 0 20rpx 0;
	}
	.border-l{
		border-radius: 0rpx 20rpx 0rpx 20rpx;
	}
}

</style>
